<template>
    <div class="sort" sticky offset-top:0rem>
        <van-tabs v-model="active" sticky>
            <van-tab title="新品猜你喜欢">
                <template #default>
                    <yundonglvxliebiao></yundonglvxliebiao>
                </template>
            </van-tab>


            <van-tab title="好物由你定义">
                <template #default>
                    <smjdliebiao></smjdliebiao>
                    <!-- <sortPageLive></sortPageLive> -->
                </template>
            </van-tab>

            <van-tab title="秋冬美食 撩味上市">
                <template #default>
                    <yundonglvxliebiao></yundonglvxliebiao>

                </template>
            </van-tab>
            <van-tab title="手工包超多汁">
                <template #default>
                    <smjdliebiao></smjdliebiao>
                    <!-- <homePageBanner></homePageBanner>
                <sortPageFoods></sortPageFoods> -->
                </template>
            </van-tab>
            <van-tab title="养生按起来">内容 4</van-tab>
            <van-tab title="甜蜜的诱惑">内容 4</van-tab>
            <van-tab title="氛围女孩第一步">内容 4</van-tab>
            <van-tab title="美味无门槛">内容 4</van-tab>
            <van-tab title="活力小花园">内容 4</van-tab>

        </van-tabs>


        <!-- <van-icon name="arrow-down"  class="xiajiantou"/> -->
    </div>
</template>

<script>
import Vue from 'vue';
import { Tab, Tabs } from 'vant';
// import yundonglvxliebiao from '../../components/yundonglvxliebiao.vue';
// import smjdliebiao from '../../components/smjdliebiao.vue'
// import muyinliebiao from '../../components/muyinliebiao.vue';
// import meishiliebiao from '../../components/meishiliebiao.vue'
import yundonglvxliebiao from '../../little/dog/cwshliebiao.vue'
import smjdliebiao from '../../little/home/smjdliebiao.vue'

Vue.use(Tab);
Vue.use(Tabs);
export default {
    components: {
        yundonglvxliebiao,
        smjdliebiao
    }
}
</script>

<style scoped>
.homePageTop .sort {
    position: relative;
    width: 23.4375rem;
    /* margin-top: 3rem; */
}

.homePageTop .sort .xiajiantou {
    display: inline-block;
    width: 3.375rem;
    height: 1.875rem;
    position: absolute;
    top: 0.625rem;
    right: 0;
    text-align: center;
    /* //使用了透明度: */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 1));
}
</style>